div {
  border: solid;
  box-sizing: border-box;
}

body,
ul,
li,
ol,
p,
h3 {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 3.2vw;
}

.top-nav {
  display: flex;
  height: 8vw;
}
.top-nav .left {
  flex: 0 0 10.6666666667vw;
}
.top-nav .center {
  flex: 1 0 10.6666666667vw;
}
.top-nav .right {
  flex: 0 0 10.6666666667vw;
}

.card-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.card-nav div {
  flex: 0 0 21.8666666667vw;
  height: 15.2vw;
  margin-top: 2.6666666667vw;
}
.card-nav .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.card-nav .item * {
  border: solid;
}/*# sourceMappingURL=main.css.map */